<template>
  <div id="app">
    input
    <my-input type="text" v-model="value" placeholder="请输入" name="username"></my-input>
    <my-input type="password" v-model="value" placeholder="请输入" name="userpwd"></my-input>
    <my-input type="text" v-model="value" placeholder="请输入" name="username" :disabled="true"></my-input>
    <my-input type="text" v-model="value" placeholder="请输入" name="username" clearable></my-input>
    <my-input type="password" v-model="value" placeholder="请输入" name="username" show-password></my-input>

    <my-input type="text" v-model="value" placeholder="请输入" name="username" prefix-icon="shouyeshouye"></my-input>
    <my-input type="text" v-model="value" placeholder="请输入" name="username" suffix-icon="shouyeshouye"></my-input>


    {{value}}
  </div>
</template>

<script>


export default {
  name: 'App',
  data(){
    return {
        value:''
    }
  }
}
</script>

<style lang="scss">

</style>
